<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      Gallery - App Inventor for Android
    </title>
    <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="/static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="/static/css/appinventor.css" rel="stylesheet">
    <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script>
    <script>
  var tracker = new gweb.analytics.AutoTrack({
        profile: 'UA-5856106-2'
      });
    </script>
    <style>
img.c4 {border-width:0}
    img.c3 {float:left; width: 30px; height: 30px; border: 1px solid #efefef; margin-right: 10px;}
    img.c2 {float: left; width: 30px; height: 30px; border: 1px solid #efefef; margin-right: 10px;}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
          </div>
          <form action="http://www.google.com/cse" id="cse-search-box">
            <input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
            "ie" type="hidden" value="UTF-8">
            <div class="header-search">
              <div class="header-search-query">
                <input class="textbox" name="q" type="text">
              </div>
              <div class="header-search-button">
                <input name="sa" src="/static/images/search-button.png" type="image">
              </div>
            </div>
          </form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
         >
</script>
          <div class="header-login">
            <div class="header-login-greeting">
              Learn about App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="/about/">About</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="/learn/">Learn</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="/forum/">Forum</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
              Projects</a>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            <a href="/learn/">Learn</a> &gt; Gallery &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <div class="learn-page">
              <h1>
                Sample Apps
              </h1>
              <div class="sample-app">
                <div class="sample-app-image">
                  <img alt="" class="c2" src="/static/images/gallery-droidmuni.jpg">
                </div>
                <div class="sample-app-name">
                  <h2>
                    DROIDMuni<span class="gallery-attribution">Created by USF students, Henry
                    Scholz and Max Sigfried on 5/18/2010</span>
                  </h2>
                </div>
                <div class="sample-app-desc">
                  <p>
                    DROIDmuni is an application for the Android Mobile OS that displays schedules
                    for the San Francisco transit system. After the user selects from one of the
                    transits lines and choosing a direction and particular stop, the application
                    will display the lines next arrival times. Once the user has retrieved the
                    desired arrival times, they are able to set up to four favorites which are
                    saved and stored based on their unique e-mail address. Using the DroidMuni
                    remind feature, the user can set a reminder to be notified when a bus is a
                    specified number of minutes away.
                  </p>
                </div>
                <div class="components">
                  <b>Components Used:</b> <a href=
                  "/learn/reference/components/other.html#Canvas">Canvas,</a> <a href=
                  "/learn/reference/components/basic.html#Button">Button,</a> <a href=
                  "/learn/reference/components/basic.html#Clock">Clock,</a> <a href=
                  "/learn/reference/components/social.html#Texting">Texting,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#HorizontalArrangement">HorizontalArrangement,</a>
                  <a href="/learn/reference/components/media.html#Sound">Sound,</a> <a href=
                  "/learn/reference/components/basic.html#Label">Label,</a> <a href=
                  "/learn/reference/components/basic.html#ListPicker">ListPicker,</a> <a href=
                  "basic.html">TextBox,</a> <a href=
                  "/learn/reference/components/basic.html#TinyWebDB">TinyWebDB,</a> <a href=
                  "/learn/reference/components/notready.html#TinyDB">TinyDB,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#VerticalArrangement">VerticalArrangement</a>
                </div>
              </div><br>
              <div class="sample-app">
                <div class="sample-app-image">
                  <img alt="" class="c2" src="/static/images/gallery-parkit.jpg">
                </div>
                <div class="sample-app-name">
                  <h2>
                    ParkIt<span class="gallery-attribution">Created by USF students, Hadley Simmons
                    and Jamie DeAraujo on 5/13/2010</span>
                  </h2>
                </div>
                <div class="sample-app-desc">
                  <p>
                    Using GoogleMaps, ParkIt allows users to locate their car on their Android
                    phone. After clicking the "Park It" button, the app stores the users car's
                    location until the "Find It" Button is clicked. The "Find It" button displays
                    the user's current location, and the user's car's location using latitude and
                    longitude. When the user clicks "Show On Map", GoogleMaps is activated, and the
                    route to the car is displayed.
                  </p>
                </div>
                <div class="components">
                  <b>Components Used:</b> <a href=
                  "/learn/reference/components/basic.html#Button">Button,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#HorizontalArrangement">HorizontalArrangement,</a>
                  <a href="/learn/reference/components/basic.html#Label">Label,</a> <a href=
                  "/learn/reference/components/basic.html#TinyDB">TinyDB,</a> <a href=
                  "/learn/reference/components/other.html#ActivityStarter">ActivityStarter,</a>
                  <a href=
                  "/learn/reference/components/sensors.html#LocationSensor">LocationSensor</a>
                </div>
              </div><br>
              <div class="sample-app">
                <div class="sample-app-image">
                  <img alt="" class="c2" src="/static/images/gallery-drumset.jpg">
                </div>
                <div class="sample-app-name">
                  <h2>
                    Drum Kit<span class="gallery-attribution">Created by USF students, Danielle
                    Girolami and Mackenzie Lisenby on 4/5/2010</span>
                  </h2>
                </div>
                <div class="sample-app-desc">
                  <p>
                    DrumKit is an application that allows the user to hit seven different parts of
                    a full, labeled drum kit and hear each drum's respective sound. This app allows
                    the user not only to learn more about the drums (i.e. the names and sounds of
                    the drums), but also to have fun and create their own beat.
                  </p>
                </div>
                <div class="components">
                  <b>Components Used:</b> <a href=
                  "/learn/reference/components/other.html#Canvas">Canvas,</a> <a href=
                  "/learn/reference/components/media.html#Sound">Sound,</a> <a href=
                  "/learn/reference/components/media.html#Player">Player,</a> <a href=
                  "/learn/reference/components/basic.html#Label">Label</a>
                </div>
              </div><br>
              <div class="sample-app">
                <div class="sample-app-image">
                  <img alt="" class="c2" src="/static/images/gallery-superhero.jpg">
                </div>
                <div class="sample-app-name">
                  <h2>
                    Super Hero Game<span class="gallery-attribution">Created by USF students,
                    Alesha Killian and Patrick Steele on 4/13/2010</span>
                  </h2>
                </div>
                <div class="sample-app-desc">
                  <p>
                    Super Hero Game is a fantastic Quiz game that tests the users true Super Hero
                    Knowledge. Each screen shows a different character from a superhero world and
                    asks a question pertaining to that picture. The user types in the answer and
                    clicks submit. The program responds with a RIGHT or WRONG and the user is
                    prompted to go on to the next question. The question will change as well as the
                    picture. If the user wants to quit at any time they can GIVE UP and the program
                    closes.
                  </p>
                </div>
                <div class="components">
                  <b>Components Used:</b> <a href=
                  "/learn/reference/components/basic.html#Button">Button,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#HorizontalArrangement">HorizontalArrangement,</a>
                  <a href="/learn/reference/components/basic.html#Label">Label,</a> <a href=
                  "/learn/reference/components/basic.html#Image">Image</a>
                </div>
              </div><br>
              <div class="sample-app">
                <div class="sample-app-image">
                  <img alt="" class="c3" src="/static/images/gallery-speedo.jpg">
                </div>
                <div class="sample-app-name">
                  <h2>
                    Where's Speedo<span class="gallery-attribution">Created by Google Engineer, Liz
                    Looney on 7/2/2010</span>
                  </h2>
                </div>
                <div class="sample-app-desc">
                  <p>
                    This app allows a user and a users friends or family find each other. The app
                    detects the user's location and sends it to the users friends or family using
                    the app. The app allows the user to view the location of another user on a map.
                    It also allows the user to set how often the app sends his/her location.
                  </p>
                </div>
                <div class="components">
                  <b>Components Used:</b> <a href=
                  "/learn/reference/components/other.html#ActivityStarter">ActivityStarter,</a>
                  <a href="/learn/reference/components/basic.html#Button">Button,</a> <a href=
                  "/learn/reference/components/basic.html#CheckBox">CheckBox,</a> <a href=
                  "/learn/reference/components/basic.html#Clock">Clock,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#HorizontalArrangement">HorizontalArrangement,</a>
                  <a href="/learn/reference/components/basic.html#Image">Image,</a> <a href=
                  "/learn/reference/components/basic.html#Label">Label,</a> <a href=
                  "/learn/reference/components/basic.html#ListPicker">ListPicker,</a> <a href=
                  "/learn/reference/components/sensors.html#LocationSensor">LocationSensor,</a>
                  <a href="/learn/reference/components/other.html#Notifier">Notifier,</a> <a href=
                  "basic.html">TextBox,</a> <a href=
                  "/learn/reference/components/notready.html#TinyWebDB">TinyWebDB,</a> <a href=
                  "/learn/reference/components/screenarrangement.html#VerticalArrangement">VerticalArrangement</a>
                </div>
              </div><br>
            </div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-legal">
            <p>
              <a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
              "Creative Commons License" class="c4" src=
              "http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
              This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
              rel="license">Creative Commons Attribution 3.0 Unported License</a> .
            </p>
            <p>
              ©2011 Google<br>
              <a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
              <a href="/about/termsofservice.html">Terms</a>
            </p>
          </div>
          <div class="footer-lastupdate">
            <script>
  if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
            </script>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>